<template>
  <div>
    <a-card :size="size" :title="title" :bordered="false" hoverable>
      <div class="meta">
        <span class="content">
          <slot name="table-card"></slot>
        </span>
      </div>
    </a-card>
  </div>
</template>

<script>
export default {
  name: 'TableCard',
  props: {
    title: {
      type: [String, Boolean],
      default: ''
    },
    size: {
      type: [String],
      default: 'small'
    }
  }
}
</script>

<style scoped>
</style>
